Search
Ctrl
+
K
Search
Ctrl
+
K
001.前端
001.HTML
001.iframe
002.img decoding & fetchPriority 属性
003.5 个冷门的 HTML 标签
002.CSS
001.基础
001.属性值的计算过程
002.@layer
002.@规则（At-rules）
003.CSS Reset
004.CSS 函数梳理
004.CSS 布局：圣杯、双飞翼
005.clamp()
005.CSS 布局：Flex & Grid
006.CSS Reset
006.避免CSS冲突的方案
007.CSS TIPS
007.CSS 布局：圣杯、双飞翼
008.CSS 布局：Flex & Grid
008.CSS 深入理解
009.position-sticky
009.避免CSS冲突的方案
010.CSS TIPS
010.pointer-events
011.CSS 深入理解
011.Grid auto-fill & auto-fit
012.position-sticky
013.pointer-events
014.Grid auto-fill & auto-fit
015.flex-1 & flex-auto
016.has、is、where 选择器
002.CSS 工程化
001.CSS 预处理语言：stylus
003.花里胡哨
001.形状
002.checkbox 和 radio
003.荧光边框
004.图片 3D 分层效果
005.drag 实现拖动排序
004.CSS 世界
000.图书信息
001.概述
002.10 个 CSS 特性干掉 80% 冗余代码
003.JavaScript
001.语言与通用
001.词法结构
002.数据类型
003.变量与函数声明
004.表达式与运算符
005.函数
006.作用域与 this
007.原型与原型链
008.事件循环
009.异步处理与 Promise
010.Generator 函数
011.迭代协议
012.二进制数据
013.模块化
014.ArrayBuffer 与 SharedArrayBuffer 的内存隔离机制
014.Object.defineProperty
015.Object.defineProperty
015.元编程
016.元编程
017.WeakRef 与 FinalizationRegistry 的 GC 触发条件
018.AbortController
002.运行时之浏览器
001.浏览器运行时
002.DOM：节点与集合
003.DOM：attributes 和 properties
004.DOM：查
005.DOM：改
006.class 和 style
007.几何信息
008.事件概况
009.自定义事件
010.鼠标事件
011.指针事件
012.拖拽事件
013.键盘事件
014.滚动事件
015.表单事件
016.requestAnimationFrame
017.requestIdleCallback
018.URL & URLSearchParams
003.运行时之 Node.js
001.介绍
002.npm
002.异步流
004.文件操作
004.实践与应用
001.动态运行 JS 字符串
002.平滑滚动
003.高性能渲染十万条数据
004.定高虚拟列表
005.不定高虚拟列表
006.瀑布流
007.瀑布流虚拟列表
008.大文件上传-分片上传+断点续传+Worker线程计算Hash
009.URL 解析
010.Cookie 解析
011.手写系列：call、apply、bind
012.手写系列：new 操作符
013.手写系列：instanceof 操作符
014.手写系列：Object.create
015.手写系列：函数防抖与节流
016.手写系列：深、浅拷贝
017.手写系列：ES5 实现继承
018.手写系列：实现类
019.手写系列：Promise
020.手写系列：promise 限制最大并发
021.手写系列：可取消的 promise
005.ES6+
001.ES5
002.ES6 (2015)
003.ES7 (2016)
004.ES8 (2017)
005.ES9 (2018)
006.ES10 (2019)
006.设计模式
001.前端常用设计模式
004.TypeScript
001.基础
001.TS 速览
002.xx.d.ts 类型声明文件
002.官方文档
001.手册
001.常用类型
000.文档信息
003.类型体操
001.知识点
001.泛型约束数组使用 readonly
002.分布式条件类型
002.简单
001.实现 Pick
002.实现 Readonly
003.元组转换为对象
004.第一个元素
005.获取元组长度
006.实现 Exclude
007.Awaited
008.If
009.Concat
010.Includes
011.Push
012.Unshift
013.实现 Parameters
003.中等
001.实现 ReturnType
002.实现 Omit
003.对象部分属性只读
004.对象属性深度只读
005.元组转合集
006.可串联构造器
007.最后一个元素
008.排除最后一项
009.Promise.all
010.查找类型
011.去除左侧空白
012.去除两端空白字符
013.Capitalize
014.Replace
015.ReplaceAll
016.追加参数
017.Permutation
018.字符串长度
019.Flatten
020.Append to object
021.Absolute
022.String to Union
023.合并对象
024.KebabCase
025.对象差集属性
026.AnyOf
027.IsNever
028.IsUnion
029.ReplaceKeys
030.删除索引签名
000.项目信息
005.浏览器
001.浏览器渲染流程
002.资源提示关键词
003.浏览器组成部分
004.浏览器离线存储
005.浏览器缓存
006.跨标签页通信
007.Web Worker
008.V8 编译流水线
009.浏览器指纹
006.网络
001.五层网络模型
002.请求方法
003.HTTP 常见编码类型
004.cookie 与 session
005.JWT
005.加密
007.单点登录
008.同源策略与跨域
009.文件下载、上传、断点续传
010.HTTP 缓存协议
011.OAuth2
012.TCP 协议
013.CSRF 攻击
014.XSS 攻击
015.域名和 DNS
016.SSL、TLS、HTTPS
017.HTTP 各版本差异
018.队头阻塞问题
019.Server-Sent Events
020.WebSocket
022.网络性能优化
023.Streamable HTTP
023.反爬虫
024.浏览器输入 URL 地址后
025.小知识-localhost 设置二级域名
007.工程化
001.概述与概念
001.工程化概述
002.抽象语法树
002.基础设施
001.Pnpm：最先进的依赖管理
002.package.json 40+ 字段逐一拆解
003.npm scripts 高级玩法
003.CSS 工程化
001.概述
001.CSS 工程化
002.Sass
001.CSS 预处理器介绍
002.基础语法
004.前端工具链
001.概述
001.前端工具、构建工具、脚手架
002.Prettier
001.Prettier 介绍
002.格式化规则
003.CLI
004.APIs
003.ESLint
001.ESLint 介绍
002.检查规则
003.配置文件
004.CLI
005.APIs
006.ESLint 插件
007.集成 Prettier
004.Babel
001.Babel 介绍
002.配置文件
003.CLI
004.使用插件
005.使用预设
006.APIs
007.自定义插件
005.其他工具
001.更多工具学习方法
002.Terser
003.SWC
005.Webpack & Vite
001.Webpack 常用 Loader 和 Plugin
002.手写 Webpack plugin
003.Vite 为何速度碾压 Webpack
008.前端框架
001.React
001.官方文档
001.React
001.Hooks
002.Components
003.APIs
002.React DOM
001.Hooks
002.Components
000.文档信息
002.React18原理
001.Fiber
002.JSX 转换
003.调度器极简实现
003.Next.js
000.文档信息
001.安装
002.项目结构
003.Layouts and Pages
004.链接和导航
005.服务端和客户端组件
006.部分预渲染
007.fetch 数据
004.实践
001.Next.js 水合那些事儿
001.SSR Hydration 不匹配问题工程化治理方案
002.Next+React 双入口前端项目
003.Next.js i18n 文案加载优化
004.React 正在沦为“孔乙己”：脱不下的长衫与失控的基建
005.花了两年用遍了 React 所有状态管理库，我选出了最现代化的 Signal 方案
006.拒绝“无效焦虑”：为什么你 80% 的 useMemo 都在做负优化？
007.SSR Hydration 不匹配问题工程化治理方案
002.Vue
001.原理
001.Vue2 模板编译一：架构设计 & 解析器 Parser
002.Vue2 模板编译二：优化器 Optimizer
003.Vue2 模板编译三：生成器 Generator
004.Vue Signals 进化论（v3.5）：Preact 重构启示录
005.Vue Signals 进化论（v3.6）：Alien Signals 终局之战？
006.Solid 初探：启发 Vue Vapor 的极致框架
009.性能优化
001.前端性能指标
002.TTFB 优化策略
003.性能优化概述
004.FCP 优化策略
005.LCP 触发条件与原理
006.LCP 指标计算中的视口权重分布模型
007.前端 JS 瘦身
008.TBT 优化策略
009.内存优化
010.性能优化概述
011.SPA 首屏加载优化
012.Webpack 性能优化
013.字体加载优化
014.字体加载优化-实践篇
015.preconnect 的 TCP 握手优化
016.prefetch
017.content-visibility 的渲染管线优化
018.CORS 预检请求的 TTL 缓存机制
019.canvas：Web Worker + OffscreenCanvas
020.性能提升API
021.CLS 让网页布局更稳定
022.INP 优化策略
010.开发规范
001.Web前端开发规范（1）——通用规范
002.Web前端开发规范（2）——代码规范
011.前端架构
001.前端架构师之路
001.为什么需要成为前端架构师
002.前端架构三要素：模块化、工程化、平台化
003.大型项目中的目录结构设计与复用策略
004.模块解耦与职责分离
005.组件架构设计模式：可复用、可扩展、可插拔
006.从零配置到高可控：构建你的前端脚手架
007.模块联邦和微前端架构实战
008.前端 CICD 流程全解析与实战部署
009.前端日志埋点系统的架构设计
010.前端权限系统的设计与实现
011.统一状态管理架构
012.表单系统设计：动态表单 + 校验 + 可配置化
013.表格系统架构：列配置、嵌套数据、复杂交互
014.前端多语言国际化架构设计
015.前端可配置化系统设计：从硬编码到可视化配置
016.前端性能优化全景图与落地方案
017.前端缓存设计全攻略：本地缓存 + 接口缓存
018.前端测试体系构建：组件测试、集成测试与 E2E
019.高并发与大数据量下的前端架构优化
020.模块拆分、包管理与微前端架构实战
021.前端权限体系设计：动态路由、按钮级权限与灰度控制
022.前端工程化深度实践：构建、发布、CICD 流程指南
023.可配置平台架构设计：从组件化到 DSL 的演进之路
024.前端性能优化体系：从指标定义到监控闭环的实战指南
002.Headless UI
001.Headless UI 介绍
002.在 React 和 Vue3 中使用
012.开源库
001.XRender：表单、表格、图表、流程编排
002.LogicFlow：流程图编辑框架
003.dndkit：React 拖放工具包
004.ZoteroReader
005.SnapDOM：网页截图
006.动效 components
007.Galaxy：UI 元素
008.Tailwind 组件库：DaisyUI
013.综合
001.Web API
002.移动 Web 开发
003.移动 web 适配利器-rem
004.移动端点击300ms延迟
005.干掉代码中的console.log
006.前端如何解决竞态问题
007.前端监控
008.B 站前端错误监控实践
009.前端代码保护
010.应用更新通知策略
011.用户无操作监测方案
012.Web 动画知多少
013.中台 VS. 后台
014.PDF reader and annotator
015.Base64
016.网页渲染方案
017.我将封装史上最优雅的 Axios
018.浏览器翻译可能引发的页面问题
019.网页复杂度指标 WCI
020.前端如何实现灰度发布
021.网页线上调试技巧
022.网页内存分析
014.AI Coding
001.架构篇
002.Skills篇
003.Rules篇
002.AI
001.生成式人工智能导论
000.课程内容说明
001.什么是生成式 AI
002.今日的生成式 AI 厉害在哪里
003.提示工程
004.延申：能够使用工具的 AI
005.延申：由 AI 组成的社区
006.LLM 训练史 1：预训练
007.LLM 训练史 2：指令微调
008.LLM 训练史 3：强化学习
009.AI Agent
010.Transformer 简介
002.马士兵-应用开发
001.基础入门
001.入门
002.LangChain V1
001.概述
002.LangChain 1.0 介绍
003.LangChain 1.0中Agent开发的核心组件
003.RAG
001.Agentic RAG
000.课程内容说明
001.入门
大模型职业发展与学习路径指南
003.优秀实践
001.实现一个 Mini Claude Code：从底层理解 AI Agent
002.PDCA(戴明环）与 大模型推理框架ReAct
003.分词
004.Agentic Design Patterns ｜ 以ADK为例
005.RAG与向量数据库
006.ReAct 与 Plan-and-Execute 设计模式
007.Agent Skill
008.Prompt Caching
004.LangChain
001.LangChain 核心抽象：Models 与 Messages
002.提示工程基础：Prompt Templates
003 2.输出解析：让模型返回结构化数据
003.输出解析：让模型返回结构化数据 2
003.输出解析：让模型返回结构化数据
004.链（Chains）：构建可组合的工作流
005.learn claude code
000.Harness Engineering
000.目录
001.架构与程序入口
002.系统主循环
003.上下文工程
004.系统提示词的设计哲学
005.工具系统
006.技能系统
007.MCP 运行机制
008.代码编辑策略
009.多 Agent 架构
010.记忆系统
011.权限与安全
012.用户体验设计
013.Hooks 与可扩展性
014.Plan 模式
015.持久化机制与恢复
016.最小必要组件
006.源码分析
assets
cc整体架构.excalidraw
MCP核心架构.excalidraw
一条消息的完整旅程.excalidraw
001.Mem0 源码实现与原理解析
002.claude code 源码解析
007.日常使用
001.用 AI 重构屎山代码
002.Cursor 一年深度开发实践
008.sitor.ai学习
000.课程来源
001.Agent六大支柱
002.从 ChatBot 到 Agent：一个 while 循环，凭什么让 AI 从"能聊天"变成"能干活"？
003.做 Agent 开发，有些大模型本身的底层机制，你不得不了解
009.赋范 AI
004.LangChain 1.0 体系讲解
001.LangChain v1.0 基础入门
002.LangChain v1.0 框架搭建智能体 Agent
003.Agent 智能体中间件应用实战
004.DeepAgents 框架介绍与应用实战
005.大模型 RAG 入门
001.大模型 RAG 入门基础架构介绍
002.大模型 RAG 进阶多格式文档解析
003.大模型 RAG 文档切分进阶实战
004.大模型 RAG 嵌入向量数据库实战
005.大模型 RAG 检索生成和评估实战
006. 大模型 RAG 进阶
001.LlamaIndex 构建结构化检索
000.知识体系总览
001.大模型 API 快速上手指南
002.大模型本地部署基础
003. 大模型 Agent 基础入门实战
000.AI编程相关资源
003.工具
001.Git
001.常见操作
002.commit message 规范
002.Markdown
001.markdown公式
002.markdown中如何写代码
003.Mermaid
003.Obsidian
001.Callouts
002.代码块
003.快捷键
004.其他
001.glob 模式匹配
002.笔记常用字符
004.后端
001.Python
001.菜鸟教程-Python
001.基础
001.数据类型
002.循环&推导
003.迭代器与生成器
004.with 关键字
005.函数
006.装饰器
007.数据结构
008.模块 & 包
009.File & OS
010.命名空间和作用域
011.标准库
012.面向对象
002.进阶
001.Python & MySQL
002.网络编程
003.SMTP发送邮件
004.多线程
005.日期和时间
006.请求
007.自动化 Web 浏览器操作
008.爬虫
009.csv 模块
010.asyncio 模块
011.进程与线程
012.协程
000.课程内容说明
002.工具
001.python-dotenv库用法
002.typing类型提示
003.Pydantic
005.综合
001.程序员修炼之道：从小工到专家的完整指南
006.职场实践
001.代码片段
001.js
001.刷新页面
002.file2url
003.SearchParams
004.ResizeObserver
005.MutationObserver
006.关键词高亮
007.removeChild 安全处理
008.canScroll
009.sticky 模拟
010.number 格式化输出
002.ts
001.PartialByKeys
003.css
001.文本溢出省略
004.react
001.文本省略显示 Tooltip
002.工程架构
001.DDD-领域驱动设计
002.BFF
003.软技能
001.Leader-技术选型、排期、带新人
002.代码 Review 的艺术
003.“第一性原理”：如何做技术决策
007.数据库
001.postgreSQL
000.课程说明
001.体系结构
002.高可用解决方案
003.主从复制
009.AI知识库
raw
技能方法
完整企业级后端架构全景
知乎
行业洞察
如何看待由 OpenClaw 作者引发的 "Loop 工程" 讨论？
wiki
技能方法
企业级后端架构全景
行业洞察
AI-Agent工程四层演进
index
log
使用指南
test_rag_note
Enter your search text in the box above
Select a result to preview
006.动效 components
React：
官网：
https://reactbits.dev
Github：
https://github.com/DavidHDev/react-bits
Vue：
官网：
https://vue-bits.dev
Github：
https://github.com/DavidHDev/vue-bits
上一章
005.SnapDOM：网页截图
下一章
007.Galaxy：UI 元素
×
滚轮缩放 · 拖拽平移 · 双击重置 · Esc 关闭